export default {
  namespaced: true,
  state: () => ({ // 返回一个对象
    // 购物车的数组，用来存储购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下 6 个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
    // cart: JSON.parse(uni.getStorageSync('cart')) || [], // 这个写法报错
    cart: JSON.parse(uni.getStorageSync('cart') || '[]'),
  }),
  // 模块的 mutations 方法
  mutations: {
    // 加入购物车方法
    addToCart(state, goods) {
      // 根据提交的商品的Id，查询购物车中是否存在这件商品
      // 如果不存在，则 findResult 为 undefined；否则，为查找到的商品信息对象
      const findResult = state.cart.find((item) => {
        return item.goods_id === goods.goods_id
      })
      if(findResult) { // 如果购物车中有这件商品，则只更新数量即可
        findResult.goods_count ++
      } else { // 如果购物车中没有这件商品，则直接 push
        state.cart.push(goods)
      }
      // 通过 commit 方法，调用 m_cart 命名空间下的 saveToStorage 方法
      this.commit('m_cart/saveToStorage')
    },
    
    // 将购物车中的数据持久化存储到本地
    saveToStorage(state) {
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    },
    
    // 更新商品选中状态
    updateGoodsState(state, goods) {
      // 根据 goods_id 查询购物车中对应商品的信息对象
      const findRes = state.cart.find(item => item.goods_id === goods.goods_id)
      if(findRes) { // 有对应的商品信息对象
        findRes.goods_state = goods.goods_state // 更新对应商品的勾选状态
        this.commit('m_cart/saveToStorage') // 持久化存储到本地
       }
    },
    
    // 更新购物车中商品的数量
    updateGoodsCount(state, goods) {
      // 根据 goods_id 查询购物车中对应商品的信息对象
      const findRes = state.cart.find(item => {
        return item.goods_id === goods.goods_id
      })
      if(findRes) {
        findRes.goods_count = goods.goods_count // 更新对应商品的数量
        this.commit('m_cart/saveToStorage') // 持久化存储到本地
      } 
    },
    
    // 商品的 全选/反选  更新所有商品的勾选状态
    updateAllGoodsState(state, newState) {
      state.cart.forEach(item => item.goods_state = newState) // 循环更新购物车中每件商品的勾选状态
      this.commit('m_cart/saveToStorage') // 持久化存储到本地
    }
    
  },
  // 模块的 getters 属性
  getters: {
    // 计算购物车商品总数
    total(state, getters) {
      return state.cart.reduce((acc,curr) => acc += curr.goods_count, 0)
    },
    
    // 勾选的商品的总数量
    checkedCount(state) {
      // reduce() 的返回值就是已勾选的商品的总数量
      return state.cart.filter(item => item.goods_state).reduce((acc, curr) => {
        return acc += curr.goods_count
      }, 0)
    },
    
    // 计算已选择商品总价格
    checkedGoodsAmount(state) {
      return state.cart.filter(x => x.goods_state)
                         .reduce((total, item) => total += item.goods_count * item.goods_price, 0)
                         .toFixed(2)
    }
  },
  
  actions: {
    
  }
  
}
